<template>
	<view>
		导航分2种,声明式导航,编程式导航
		<!-- 相对路径 open-type="navigate" 默认打开的是页面 -->		
		<navigator url="../chp07/chp07" open-type="navigate">跳转到7</navigator>
		<!-- 链接必须是tabbar链接 -->
		<navigator url="../home/home" open-type="switchTab">跳转到switch</navigator>
		<!-- 绝对路径 -->
		<navigator url="/pages/chp07/chp07">跳转到7</navigator>
		<!-- 链接必须是tabbar链接 -->
		<navigator url="/pages/home/home" open-type="switchTab">跳转到switch</navigator>
		<!-- 传递参数 -->
		<navigator url="../chp08/chp08?name=张三&age=20" open-type="navigate">跳转到8</navigator>
		<button type="default" @click="mynav">跳转到cp07</button>
		<button type="default" @click="myswitch">跳转到switch</button>
		<!-- open-type  delta 返回几层  到普通页面返回-->
		<navigator  open-type="navigateBack" delta="1">返回</navigator>
		<button type="default" @click="back">返回</button>
		 <!-- 跨域问题
			跨域,协议,地址,端口,才不会形成跨域,3这里边有1个不相同就会形成跨域
			解决跨域问题的方法   服务器端,一般是设置所有的端口都可以随意的方法
			Js   cros 中间件
			Java  @CrossOrigin
			
			http://127.0.0.1:8888
			
			http://localhost:8080/ 
			
			-->
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			back(){
				uni.navigateBack({
					delta:1
				})
			},
			myswitch(){
				uni.switchTab({
					// url:"../home/home",
					url:"/pages/home/home",
					fail: () => {
						console.log('跳转失败了')
					}
				})
			},	
			mynav(){
				uni.navigateTo({
					// url:"../chp07/chp07",
					url:"/pages/chp07/chp07",
					success: () => {
						console.log("成功了")
					},
					fail: () => {
						console.log("失败了")
					}
				})
			}
		}
	}
</script>

<style>

</style>
